﻿    body
    {
    	margin:10px;
    	font-family:Segoe UI,Tahoma,Arial,Verdana,sans-serif;
    	background-image:url('images/bg.png');
    	background-repeat:repeat;
    }
    
    body .top,.outer
    {
        font-size:0px;
    }
    
    .top
    {
    	margin:auto;
    	width:1000px;
    }
    
    .top .banner
    {
    	background-color:#8EBEDD;
    }
    
    .top .banner .logo
    {
    	font-size:50px;
    	font-family:Segoe UI Light;
    	margin-left:50px;
    }
    
    .top .searchbar
    {
    	background-color:#cce4f3;	
    	padding:5px;
    }
    
    .searcharea
    {
    	background-color:White;
    	width:230px;
    	border:1px solid #ccc;
    	margin:0 0 0 auto;
    }
    .searchbox
    {
    	width:210px;
    	border-style:none;
    	padding:0px; 
    	height:22px;   	
    	vertical-align:top;
    }
    
    .searchbutton
    {
    	height:20px;
    	vertical-align:top;    	
    	cursor:pointer;
    }
    
    .watermark
    {
    	color:#ccc;
    	font-style:italic;
    }
    
    div.navigation
    {
    	height:22px;
    	padding-top:2px;
    	font-size:15px;   	
    	color:#4f4f4f;
    	text-align:center;
    }
    
    .navigation ul
    {   	
    	margin:0px;
    	padding:0px;
    	list-style-type:none;
    }
    
    .navigation li
    {	    	
    	border-left:1px solid #4f4f4f;
    	width:60px;   	
    	text-align:center;
    	display:inline-block;
    	cursor:pointer;
    }   
    
    .navigation li:hover
    {
    	text-decoration:underline;
    }
    
    .navigation li.first
    {
    	border-left-style:none;
    }
    
    .navigation li.current
    {
    	font-style:italic;
    	font-weight:bold;
    }
       
    .blue
    {
    	background-color:#1977B0;
    }
    
    .orange
    {
    	background-color:#FFAF00;
    }
    
    .peek
    {
    	cursor:pointer;
    }
        
    .outer
    {
    	/*border:1px solid gray;*/
    	width:1000px;
    	position:relative;
    	margin:auto;
    	overflow:hidden;
    	height:1000px;
    }
       
    .outer.pvtHeader
    {    	
    	height:30px;
    }
    
    .pvtHeader .inner
    {
    	position:absolute;
    	height:100%;
    	width:87.5%;
    }  
    
    .inner .headline
    {
    	font-size:20px;
    	font-family:Segoe UI;
		color:White;
    	position:absolute;
    	height:100%;
    	width:100px;
    	cursor:pointer;	
		padding-left:10px;
    }

    .outer.pvtBody
    {
        
    }
    
    .pvtBody .inner
    {
    	position:absolute;
    	width:100%;
    }
    
    .pvtBody .inner > div
    {
    	display:inline-block;
    }
    
    .pvtBody .inner .left
    {
    	width:87.5%;
    	margin-right:0.5%;
    }
    
    .pvtBody .inner .left .row-container
    {
        width:100%;
    }
    
    .pvtBody .inner .left .row-container>div
    {
        display:inline-block;
        vertical-align:top;
        
    }
    
    .pvtBody .inner .left .row-container .dashboard
    {
        margin-top:5px;
        width:70%;
    }
    
    .pvtBody .inner .left .row-container .dashboard .reportviewer
    {
    	width:100%;
    	height:100%;
    }
    
    .pvtBody .inner .left .row-container .dashboard .reportviewer *
    {
    	overflow:hidden;
    }
    
    .pvtBody .inner .left .row-container .team-introduction
    {
        margin-top:5px;
        width:30%;
        height:350px;
    }
    
    .team-introduction > *
    {
    	font-size:15px;
        color:White;
        margin-left:15px;
    }
    
    .pvtBody .inner .left .row-container .top-reports
    {
        color:#4f4f4f;
        width:875px;
        margin-top:5px;
    }
    
    .top-reports .header
    {
        border:1px solid #ccc;
        border-bottom-style:none;
        font-size:25px; 
        padding:10px 20px;
    }
    
    .top-reports .content
    {
    	font-size:13px;
        border:1px solid #ccc;
        overflow:hidden;
    }
    
    
    
    .top-reports .content li
    {
        border-left:1px solid #4f4f4f;
        list-style-type:none;      
        padding:0 9px 0 9px;
        float:left;  
    }
    
    .top-reports .content li a
    {
        color:#4f4f4f;
        text-decoration:none;
    }
    
    .top-reports .content li.current
    {
        background-image:url('/Styles/images/arrows.png');
        background-repeat:no-repeat;
        background-position:center 128%;
    }
    
    .top-reports .content li.first
    {
        border-left-style:none;
        padding-left:0px;
    }
    
    .top-reports .content .report-slider-arrow
    {
        float:left;
        height:165px;
        width:33px;
        background-image:url('images/arrows.png');
        background-repeat:no-repeat;
        cursor:pointer;
        border-top:1px solid #ccc;
    }
    
    .top-reports .content .report-slider-arrow.prev
    {
    	border-right:1px solid #ccc;
    	background-position:5% 50%;    	
    }
    
    .top-reports .content .report-slider-arrow.prev:hover
    {
    	background-position:35% 50%;    	
    }
    
    .top-reports .content .report-slider-arrow.next
    {
    	border-left:1px solid #ccc;
    	background-position:65% 50%;    	
    }
    
    .top-reports .content .report-slider-arrow.next:hover
    {
    	background-position:95% 50%;    	
    }
    
    .top-reports .content .report-slider
    {
        float:left;
        height:165px;
        width:804px;
        border-top:1px solid #ccc;
    }
    
    .top-reports .content .report-slider .report
    {
        float:left;
        margin:20px 0;
        width:267px;
        height:120px;
        border-left:1px solid #ccc;
    }
    
    .top-reports .content .report-slider .report>*
    {
    	float:left;
    	margin-left:10px;
    }
    
    .top-reports .content .report-slider .report>img
    {
    	margin-top:15px;
    }
    
    .top-reports .content .report-slider .report>div
    {
    	width:170px;
    }
    
    .top-reports .content .report-slider .report h1
    {
    	font-size:13px;   	
    }
    
    .top-reports .content .report-slider .report a
    {
    	display:block;
    	width:80px;
    	margin:15px 0 0 70px;
    	border:1px solid #ccc;
    	text-align:center;
    	text-decoration:none;
    	color:#4f4f4f;
    }
    
    .top-reports .content .report-slider .report a:hover
    {
    	background-color:#ccc;
    }
    
    .top-reports .content .report-slider .report.first
    {
    	border-style:none;
    }
    
    .pvtBody .inner .left .row-container .block
    {
        width:291px;
        height:240px;       
        margin-top:5px;
    }
    
    .pvtBody .inner .left .row-container .block.first
    {
        width:293px;
    }
    
    .block .content
    {
        margin:0 0 0 5px;
        height:100%;
        border:1px solid #ccc;
        background-color:#1977B0;
    	background-image:url('images/block_bg.png');
    	background-repeat:repeat-x;            
    	color:#4f4f4f;
    }
    
    .block .content:hover
    {
    	color:White;
    	background-image:none;
    }
    
    .block .content .header
    {   
        font-size:25px; 
        padding:10px 0 10px 20px;
    }
    
    .block .content ul
    {
    	font-size:13px;
    	list-style-type:disc;
    	
    }
    
    .block .content ul li
    {
    	margin-top:8px;
    }
    
    .block .content ul a
    {
    	color:inherit;
    }
    
    .block.first .content
    {
        margin:0px;
        overflow:hidden;
    }
    
    .pvtBody .inner .left .row-container .team-members
    {
        width:100%;
        margin-top:5px;
        padding:10px 0;
        border:1px solid #ccc;
    }
    
    .team-members ul{
	  list-style: none;
	  margin-left: 10px;
	  margin-top:0px;
	  padding: 0;
	  font-size:11px;
	}

	.team-members ul li{
	  float: left;
	  padding: 10px;
	  display: block;
	  margin-right: 10px;
	  border:1px solid #ccc;
	  overflow:hidden;
	}

	.team-members ul li a{
	  display: block;
	  height: 75px;
	  width: 75px;
	}

	.team-members #a1{
	  width: 210px;
	}
	
	.team-members ul li #crop
	{
		left:1px;
		top:1px;
		position:relative;
		height:70px;
		overflow:hidden;
	}
	
	.team-members ul li img
	{
	  position: absolute;
	  width:70px;
	}

	.team-members ul li p{
	  margin: 0;
	  padding-top: 20px;
	  width: 120px;
	  display: block;
	  margin-left: 85px;
	}
    
    .pvtBody .inner .right
    {
    	width:12%;
    	height:550px;
    	vertical-align:top;
    	background-position:top right;
        background-repeat:no-repeat;
        margin-top:5px;
    }
    
    .pvtBody .inner .right.blue
    {
        background-image:url('/Styles/images/peek-blue.jpg');

    }
    
    .pvtBody .inner .right.orange
    {
        background-image:url('/Styles/images/peek-orange.jpg');
    }
    
    #dialog
    {
        font-size:medium;
        color:White;
        background-color:#1977B0;
        border:1px solid #ccc;
    }
    
    #dialog h1
    {
        font-family:Segoe UI Light;
        font-size:24pt;
    }
    
    #dialog p
    {
        font-family:Segoe UI;
        font-size:12pt;
    }